<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <input type="text" id="year" placeholder="输入一个四位数的年份">
    <button id="btn">判断</button>

    <script>

        // 闰年：能被4整除且不能被100整除，或者能被400整除的年  


        // 获取元素
        var oInp = document.getElementById('year') ;
        var oBtn = document.getElementById('btn') ;

        // 绑定事件
        oBtn.onclick = function() {
            // 获取输入框的值
            var v = oInp.value ;
            // 非法判断
            //   1 有没有输入
            //   2 输入了是否合法

            if(v === '') {
                alert('输入不能为空') ;
            }
            else {
                // 输入的是否合法
                //    分析：要输入的是四位数的年份   >1000  <10000  整数(能被1整除)
                if(v >= 1000 && v < 10000 && v % 1 === 0) {
                    // 判断闰年  能被4整除且不能被100整除，或者能被400整除的年  
                    // if(v % 4 === 0 && v % 100 !== 0 || v % 400 === 0) {}
                    if(v % 400 === 0 || v % 4 === 0 && v % 100 !== 0) {
                        alert('闰年') ;
                    } else {
                        alert('平年') ;
                    }

                } 
                else {
                    alert('输入的年份不合法,必须在1000-10000之间的整数') ;
                }

            }

        }


    </script>
    
</body>
</html>